<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul>
        <li>11</li>
        <li>22</li>
        <li>33</li>
    </ul>
    <script>
        // 展开运算符 ； ... 展开运算符  
        // 一、数组的展开  

        //    var res =  Math.max(3,5,1);
        //    console.log(res);

        // var arr  = [3,5,1];
        // var res = Math.max(...arr);
        // console.log(res);

        // 1. 合并数组 
        // var arr1 = [1,2,3];
        // var arr2 = [4,5];

        // // ES5合并数组
        // // var res =   arr1.concat(arr2);
        // // console.log(res);

        // // ES6 :展开运算符
        // var newarr = [...arr1,...arr2,"hello"];
        // console.log(newarr);


        // 2.把伪数组转成数组
        // 
        // let  lis = document.getElementsByTagName("li");
        // // console.log(lis);
        // // let arr = [...lis];
        // // console.log(arr);
        // [...lis].forEach(function(li){
        //     li.onclick = function(){
        //         console.log("hello");
        //     }
        // })

        // (function(){
        //     console.log(11)
        // })();
        // (function(){
        //     console.log(222)
        // })()

        // 二 、对象展开 ；
        // let obj1 = {
        //     myname: "张安",
        //     age: 20
        // }
        // let obj2 = {
        //     height: "178cm",
        //     age: 30
        // }

        // var newobj = {...obj1,...obj2};
        // console.log(newobj);


        // 三、剩余参数  rest参数 ：参数的展开
        
        // 处理不定参 ，参数的个数不确定
        // function fn(...args){
        //     // console.log(arguments);
        //     console.log(args);
        // }

        // fn(1,2,3)


        
        // 接收指定的参数
        // 注意：展开运算符只能写后面 ，不能写前面；接收剩余的参数 
        // function fn(a,b,...args){
        //     console.log(args);
        // }

        // fn(1,2,3,4);

        // 可以再解构的时候接收剩余参数；
        // let [a,b,...c] = [1,2,3,4];
        // console.log(a,b,c);
    </script>
</body>

</html>